@charset "utf-8";

.yicon-myicon {
	&-info {
		background-color: #fff;
		border-bottom: 1px solid #dadcde;
		box-shadow: 0 0 5px #dadcde;

		&-container {
			width: 1100px;
			margin: 0 auto;
			padding: 20px 0;

			.options {
				.title{
					overflow: hidden;
					margin:0 10px;
					float: left;
					display: inline-block;
					>h2 {
						font-size: 24px;
						color: #344562;
						float: left;
					}
				}
				.slider{
					margin-top: 0;
				}
			}

		}

	}
	.panel{
		background: #f9fafe;
		overflow: hidden;
	}
	.global-content {
		width: 1080px;
		margin: 20px auto 0;
		&-menu{
			width: 216px;
			overflow-X:hidden;
			overflow-Y:auto;
			min-height: 620px;
			padding:10px 0;
			li{
				height: 50px;
				line-height: 50px;
				font-size:14px;
			}
			li:hover,li.selected{
				background-color: #657289;
				a,a:hover{
					color:#fff;
				}
			}
		}
		.yicon-myicon-main {
			width: 864px;
			float:right;
			background: #fff;
			min-height: 640px;
			display: block;
			.myicon-prj-info{
				padding:20px 20px 0 20px;
				.prj-details {
					float: left;
				}
				.prj-details-history, .prj-details-comparison{
					overflow: hidden;
					.title{
						float: left;
						>h3 {
							font-size: 30px;
							color: #344562;
							float: left;
							line-height: 40px;
						}

						.count {
							font-size: 14px;
							color: #616161;
							padding-left: 10px;

							.num {
								font-size: 24px;
								padding: 0 6px;
							}

						}

						.powerby {
							color: #9e9e9e;
							padding-left: 14px;
						}

						.name {
							color: #9e9e9e;
							padding-left: 8px;
						}
						.tips{
							font-size:20px;
							line-height: 40px;
							color:#344562;
							padding-left: 8px;
						}
						.return{
							font-size: 14px;
							color:#008ed6;
							line-height: 40px;
							padding-left: 10px;
						}

					}
				}
				.options{
					background: #f9fafb;
					color:#008ed6;
					height: 37px;
					line-height: 37px;
					margin-top: 15px;

					span{
						padding:0 15px;
						font-size:14px;
					}
				}

				.tools{
					padding: 15px 0 24px;
					overflow: hidden;
					border-bottom:1px solid #d8d9d9;
					.options-btns{
						float: left;
						margin-right: 10px;
						&:hover{
							color: #3bbaff;
    					text-decoration: none;
						}
					}
					.select-component{
						float: left;
						margin-right: 10px;
						border:1px solid #dfdfdf;
						height: 36px;
						line-height: 36px;
						color:#616161;
						padding:0 10px;
						border-radius: 3px;
						font-size: 14px;
						.iconfont{
							color:#929aac;
						}
						.rc-select{
							width: 50px;
							text-indent: 0;
						}
						.rc-select-arrow{
							top: 0;
						}
						.rc-select-selection:focus{
							outline: 0;
						}
					}
					.fg{
						background: #dfdfdf;
						width:1px;
						height: 38px;
						float: left;
						margin-right: 10px;
					}
					.vs{
						float: left;
						font-size:14px;
					 	font-style:normal;
					 	line-height: 38px;
					 	padding-right: 10px;
					 	color:#616161;
					}
				}

			}
			.yicon-myicon-list {
				/*margin-left: -18px;*/
				width: 865px;
			}
			.no-data {
				padding: 20px;
				// padding: 0 40px;
			}
		}


	}

}

.yicon-myicon-history,.yicon-myiconvs{

	.icon-detail-item{
		.tool{
			visibility: hidden;
		}
	}
	.icon-detail-item:hover .info, .icon-detail-item.active .info{
		border:none;
		padding:13px;
		.icon{
			color:#555f6e;
		}
	}
}

.yicon-myiconvs{
	&-title{
		font-size:16px;
		color:#616161;
		padding:0 40px;
		line-height: 36px;
		.iconfont{
			font-size: 18px;
			vertical-align: top;
			line-height: 2;
		}
	}
	.yicon-myiconvs-info{
		position: relative;
		padding-bottom: 20px;
		.icon-detail-item{
			padding-bottom: 33px;
		}
    .options{
        	clear: both;
        }
		.operate-icon{
			float: left;
			font-size: 30px;
			color:#9e9e9e;
			margin-top: 40px;
		}
	}
	.yicon-myiconvs-info:before{
		content:"";
		width:780px;
		margin:0 40px;
		border-bottom:1px solid #d8dbdd;
		position:absolute;
		bottom:20px;
		left: 0;
	}
}

li.version-item{
	line-height: 36px;
}
